<section id="carasoulhome">
    <div id="carousel-home" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-home" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-home" data-slide-to="1"></li>
            <li data-target="#carousel-home" data-slide-to="2"></li>
<!--            <li data-target="#carousel-home" data-slide-to="3"></li>-->
            <li data-target="#carousel-home" data-slide-to="4"></li>
            <li data-target="#carousel-home" data-slide-to="5"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner">
            <div class="item active">
                <img src="<?php echo ThemePath(); ?>/images/slider1.jpg" alt="..." >
            </div>

            <div class="item">
                <img src="<?php echo ThemePath(); ?>/images/slider2.jpg" alt="..." >
            </div>

            <div class="item">
                <img src="<?php echo ThemePath(); ?>/images/slider3.jpg" alt="..." >
            </div>

<!--            <div class="item">
                <img src="<?php echo ThemePath(); ?>/images/slider4.jpg" alt="..." >
            </div>-->

            <div class="item">
                <img src="<?php echo ThemePath(); ?>/images/slider5.jpg" alt="..." >
            </div>

            <div class="item">
                <img src="<?php echo ThemePath(); ?>/images/slider6.jpg" alt="..." >
            </div>
        </div>
    </div>
</section> 